<html class="fl-android" data-screenwidth="375" style="font-size: 50px;">

<head>
    <title>搜索结果</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link rel="shortcut icon" href="//www.fanli.com/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="//www.fanli.com/apple-touch-icon.png">

    <script type="text/javascript" id="J_script_attrsniffer" data-remwidth="750">
        !function(){var e,t,a,n=navigator.userAgent.toLowerCase(),o=navigator.appVersion,i=document.documentElement,r=/ip(hone|od|ad)/i.test(n),s={iphone:"iphone",ipod:"ipod",ipad:"ipad",samsung:"samsung|sm-",huawei:"huawei",meizu:"mx[0-9]+"},d=/context\:([^\s]+)/i.exec(n);for(a in r?(i.classList.add("fl-ios"),e=o.match(/OS (\d+)[_\.](?:\d+)[_\.]?(?:\d+)?/),8<=(t=parseInt(e[1],10))&&i.classList.add("fl-hairlines")):(e=o,t=parseInt(n.substr(n.indexOf("android")+8,3)),i.classList.add("fl-android"),t<6&&i.classList.add("fl-android-"+t)),s){if(s.hasOwnProperty(a)&&new RegExp("\\b"+s[a]+"\\b").test(n)){i.classList.add("fl-"+a);break}}d&&"com"==d[1]&&document.querySelector("meta[name=viewport]").setAttribute("content","initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0")}(),!/f\.(51)?fanli\.com/.test(document.domain)&&document.addEventListener("DOMContentLoaded",function(e){if(-1<navigator.userAgent.toLowerCase().indexOf("fanli")){var t=document.createElement("iframe"),a=document.createAttribute("style"),n=document.createAttribute("src");a.nodeValue="display:none;width:0;height:0;",n.nodeValue="ifanli://m.51fanli.com/app/event/readystatechange?state=complete",t.setAttributeNode(a),t.setAttributeNode(n),document.body.appendChild(t),setTimeout(function(){document.body.removeChild(t)},250)}},!1),function(e,o){var i,t,r,a=o.querySelector("#J_script_attrsniffer"),n="onorientationchange" in e?"orientationchange":"resize",s=null,d=navigator.userAgent.toLowerCase(),c=/ip(hone|od|ad)/i.test(d),l=-1<d.indexOf("fanli"),u=/ipad/i.test(d);function m(){var e,t=o.documentElement,a=l&&c&&!u?window.screen.width:t.getBoundingClientRect().width,n=a/i*100;r&&"[remmaxwidth]"!==r&&n>Number(r)&&(n=Number(r)),t.setAttribute("data-screenwidth",a),t.style.fontSize=n+"px",e=parseFloat(window.getComputedStyle(t,null).getPropertyValue("font-size")),c||n==e||(e=e%1==0?e+0.5:e,t.style.fontSize=n/e*n+"px")}a&&(i=a.getAttribute("data-remwidth"),t=a.getAttribute("data-remswitch"),r=a.getAttribute("data-remmaxwidth"),"[remswitch]"!=t&&(i="[remwidth]"==i?750:Number(i),e.addEventListener(n,function(){clearTimeout(s),s=setTimeout(m,300)},!1),e.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(s),s=setTimeout(m,300))},!1),m()))}(window,document);/*!
        * clipboard.js v2.0.1
        * https://zenorocha.github.io/clipboard.js
        * 
        * Licensed MIT © Zeno Rocha
        */
        !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(t,e,n){var o,r,i;!function(a,c){r=[t,n(7)],o=c,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(t){return t&&t.__esModule?t:{default:t}}(e),r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),a=function(){function t(e){n(this,t),this.resolveOptions(e),this.initSelection()}return i(t,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,o.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,o.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":r(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),t}();t.exports=a})},function(t,e,n){function o(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!c.string(e))throw new TypeError("Second argument must be a String");if(!c.fn(n))throw new TypeError("Third argument must be a Function");if(c.node(t))return r(t,e,n);if(c.nodeList(t))return i(t,e,n);if(c.string(t))return a(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function r(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}function i(t,e,n){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,n)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,n)})}}}function a(t,e,n){return u(document.body,t,e,n)}var c=n(6),u=n(5);t.exports=o},function(t,e){function n(){}n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){function o(){r.off(t,o),e.apply(n,arguments)}var r=this;return o._=e,this.on(t,o,n)},emit:function(t){var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;for(o;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,a=o.length;i<a;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=n},function(t,e,n){var o,r,i;!function(a,c){r=[t,n(0),n(2),n(1)],o=c,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n,o){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function u(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}var l=r(e),s=r(n),f=r(o),d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),p=function(t){function e(t,n){i(this,e);var o=a(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return o.resolveOptions(n),o.listenClick(t),o}return c(e,t),h(e,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===d(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,f.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new l.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return u("action",t)}},{key:"defaultTarget",value:function(t){var e=u("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return u("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach(function(t){n=n&&!!document.queryCommandSupported(t)}),n}}]),e}(s.default);t.exports=p})},function(t,e){function n(t,e){for(;t&&t.nodeType!==o;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}var o=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var r=Element.prototype;r.matches=r.matchesSelector||r.mozMatchesSelector||r.msMatchesSelector||r.oMatchesSelector||r.webkitMatchesSelector}t.exports=n},function(t,e,n){function o(t,e,n,o,r){var a=i.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function r(t,e,n,r,i){return"function"==typeof t.addEventListener?o.apply(null,arguments):"function"==typeof n?o.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return o(t,e,n,r,i)}))}function i(t,e,n,o){return function(n){n.delegateTarget=a(n.target,e),n.delegateTarget&&o.call(t,n)}}var a=n(4);t.exports=r},function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e){function n(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}t.exports=n}])});
    </script>

</head>

<body>
    <style>html{font-size:50px}/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C""\201D""\2018""\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}input:focus{outline:0}button,select{text-transform:none}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse}body,html{margin:0;padding:0;border:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a,abbr,acronym,address,article,aside,blockquote,body,caption,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,label,legend,li,nav,object,ol,p,pre,q,section,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,input[readonly],input[type=button],input[type=reset],input[type=submit]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}table,td,th{vertical-align:middle}caption,td,th{text-align:left;font-weight:400}body{font:14px PingFangSC-Regular,Helvetica Neue,Helvetica,STHeiTi,sans-serif;overflow-x:hidden}::-webkit-scrollbar{display:none;width:0;height:0}::-webkit-input-placeholder{color:#ccc}a{text-decoration:none;-webkit-touch-callout:none}a:active{outline:0}a.underline:active,a.underline:hover,a.underline:link,a.underline:visited{text-decoration:underline}.arial{font-family:Helvetica,Arial,sans-serif}.bold,.pf-bold{font-family:PingFangSC-Medium;font-weight:500}.fl-android .bold,.fl-android .pf-bold{font-weight:700}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}.clearfix:after{clear:both}.w100{display:block;width:100%;vertical-align:middle}.flex{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center}.flex-1{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1}[v-cloak]{display:none}@-webkit-keyframes a{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}to{opacity:1}}@keyframes a{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}to{opacity:1}}.img-fadein{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-timing-function:ease;-webkit-animation-name:a;animation-name:a}[v-cloak]{visibility:hidden}.vmu-text-toast{position:fixed;z-index:3;left:0;top:50%;width:100%;margin-top:-50px;opacity:0;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:3s;animation-duration:3s;-webkit-transform:translateY(-10000px);text-align:center}.vmu-text-toast-content{display:inline-block;margin:0 5%;padding:10px 20px;background:rgba(0,0,0,.8);color:#fff;font-size:14px;line-height:18px;border-radius:3px}.vmu-text-toast-on{-webkit-animation-name:b;animation-name:b}@-webkit-keyframes b{0%{opacity:0;-webkit-transform:translateY(20px)}20%{opacity:1;-webkit-transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0)}98%{opacity:.1;-webkit-transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(-10000px)}}@keyframes b{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}98%{opacity:.1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(-10000px);transform:translateY(-10000px)}}.fl-hairlines .b1px{border-width:.7px}@media(max-device-width:320px){.fl-hairlines.fl-iphone .b1px{border-width:.5px}}@supports(padding-bottom:constant(safe-area-inset-bottom)){body{padding-bottom:constant(safe-area-inset-bottom)}}@supports(padding-bottom:env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}</style>
    <style>
        .img-box {
            width: 6.8rem;
            margin: .2rem auto;
            height: 6.8rem;
            background: #f7f7f7;
            border-radius: .03rem;
            overflow: hidden;
        }

        .tkl-text {
            position: relative;
            margin: .2rem .35rem;
            padding: .16rem;
            min-height: 1.55rem;
            line-height: .4rem;
            border: 1px solid #df7162;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: #fff;
            border-radius: .1rem;
            font-size: .28rem;
            color: #757575;
            -webkit-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
            user-select: text
        }

        .tkl-text span {
            position: absolute;
            width: 100%;
            bottom: .12rem;
            color: #df7162;
            font-size: .24rem
        }

        .tkl-text b{
            font-weight: normal;
        }

        .tkl-copy,
        .tkl-text span {
            display: block;
            text-align: center
        }

        .tkl-copy {
            width: 6.8rem;
            line-height: .8rem;
            height: .8rem;
            margin: .2rem auto;
            background: #df7162;
            border-radius: .1rem;
            font-size: .28rem;
            color: #fff;
            border: 0;
            outline: none
        }

        .tkl-copy.focus {
            opacity: .7
        }

        .tkl-copy.success {
            background: #7dc57d;
        }
        .recom-title{
            display: none;
            position: relative;
            margin: 0.4rem 0 0;
            background-color: rgb(255, 255, 255);
            border-top: 1px solid rgb(235, 235, 235);
            border-bottom: 1px solid rgb(235, 235, 235);
            line-height: 0.7rem;
            font-size: 0.28rem;
            color: rgb(236, 92, 42);
            text-align: center;
        }
        .recom-title:before, .recom-title:after {
            content: "";
            display: inline-block;
            width: 0.6rem;
            height: 1px;
            margin: 0 0.2rem;
            background-color: rgb(236, 92, 42);
            vertical-align: middle;
        }
        .recom-title.show, .recom-title.show + .recom-list{
            display: block;
        }
        .recom-list{
            display: none;
            padding-left: 0.2rem;
        }
        .recom-item{
            position: relative;
            display: inline-block;
            width: 3.5rem;
            margin-top: 0.1rem;
            background: rgb(255, 255, 255);
            overflow: hidden;
        }
        .recom-item:nth-child(even){
            margin-left: 0.1rem;
        }
        .goods-link{
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
        }
        .goods-item{
            position: relative;
            padding: 0.1rem 0.2rem 0.14rem;
            overflow: hidden;
        }
        .goods-img{
            height: 3.5rem;
            box-sizing: border-box;
            border: 0.2rem solid #fff;
            overflow: hidden;
        }
        .goods-title{
            display: -webkit-flex;
            display: -webkit-box;
            min-height: 0.8rem;
            line-height: 0.4rem;
            color: rgb(0, 0, 0);
            font-size: 0.28rem;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            word-wrap: break-word;
            word-break: break-all;
        }
        .goods-fanli{
            margin: 0.15rem 0 0;
            line-height: 0.33rem;
            font-size: 0.24rem;
            color: rgb(251, 6, 40);
        }
        .goods-price{
            line-height: 0.45rem;
            font-size: 0.28rem;
            color: #333;
        }
        .coupon-sales {
            display: none;
            position: absolute;
            right: 0;
            bottom: .2rem
        }
        .coupon-sales-show{
            display: block;
        }

        .item-coupon {
            position: relative;
            min-width: 1rem;
            height: .36rem;
            line-height: .36rem;
            background-image: -webkit-linear-gradient(90deg, #ff4f00, #e00013);
            background-image: -webkit-linear-gradient(left, #ff4f00, #e00013);
            background-image: linear-gradient(90deg, #ff4f00, #e00013);
            border-radius: .03rem;
            text-align: center;
            font-size: .2rem;
            color: #fff
        }

        .item-coupon:after,
        .item-coupon:before {
            content: "";
            position: absolute;
            display: block;
            width: .12rem;
            height: .12rem;
            top: .12rem;
            border-radius: 50%;
            background: #fff
        }

        .item-coupon:before {
            left: 0;
            -webkit-transform: -webkit-translateX(-50%);
            transform: -webkit-translateX(-50%);
            transform: translateX(-50%)
        }

        .item-coupon:after {
            right: 0;
            -webkit-transform: -webkit-translateX(50%);
            transform: -webkit-translateX(50%);
            transform: translateX(50%)
        }

        .item-sales {
            margin: .1rem 0 0;
            line-height: .33rem;
            font-size: .24rem;
            color: #666;
            text-align: right
        }
    </style>
        <div class="img-box">
            <img src="//static2.51fanli.net/common/images/loading/spacer.png" alt="" class="w100 J_pic">
        </div>
        <p class="tkl-text">
            复制红框内信息打开→手掏APP←即可领优惠券<b class="J_tkl"></b>
            <span>点击&nbsp;&gt;&nbsp;长按&nbsp;&gt;&nbsp;全选&nbsp;&gt;&nbsp;拷贝</span>
        </p>
        <a type="button" href="javascript:;" class="tkl-copy J_copy" data-clipboard-text="">一键复制</a>

        <h3 class="recom-title J_recom_title">猜你喜欢</h3>
        <div class="recom-list J_recom_list">
            <!-- <div class="recom-item">
                <a href="" class="goods-link"></a>
                <img src="//static2.51fanli.net/common/images/loading/spacer.png" alt="" class="w100 goods-img">
                <div class="goods-item">
                    <p class="goods-title">杨生记 休闲零食泡面搭档 卤蛋 30g/袋 单只装</p>
                    <p class="goods-fanli">返利：0.15元</p>
                    <p class="goods-price">券后价：9.15元</p>
                </div>
            </div> -->
        </div>

    <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>

    <script>
        var queryCouponDetailUrl = 'h5/tk/coupondetail'
        var getRecomListUrl = 'h5/tk/itemRecommend'
        var getHotListUrl = 'h5/tk/hotSaleItems'
        var recomOrHot = Math.random() > 0.5;

        var $copyBtn = $('.J_copy');

        var params = (function(){
            var _params = {};
            location.search.replace('?', '').split('&').concat(location.hash.replace('#', '').split('&')).forEach(function (item) {
                var _item = item.split('=');
                _params[_item[0]] = decodeURIComponent(_item[1]);
            });

            return _params || {};
        })();

        $('.J_pic').attr('src', params.image);

        getTkl();
        initClipBoard();
        getRecomList();
        track('page_name.h5.detail.pty-jqr~std-190218');
        $(window).on('hashchange', function(){
            window.location.reload();
        })
        $(document).on('click', 'a[data-spm]', function(e){
            e.preventDefault();
            var _href = $(this).attr('href');

            track($(this).data("spm") || "", function(){
                window.location.href = _href;
            });
        })

        function initClipBoard(){
            var clipboard = new ClipboardJS('.J_copy');
            var copyTimer;

            clipboard.on('success', function(e){
                clearTimeout(copyTimer);
                $copyBtn.text('复制成功，打开【手淘】购买').addClass('success');
                e.clearSelection();
                copyTimer = setTimeout(function(){
                    $copyBtn.text('一键复制').removeClass('success');
                }, 2500);
            })

            clipboard.on('error', function(e){
                $copyBtn.text('暂不支持一键复制，请长按红框内信息复制');
            })
        }

        function getTkl(){

            if(params.word) {
                var _tkl = params.word.indexOf('￥') > -1 ? params.word : ('￥' + params.word + '￥');
                $('.J_tkl').text(_tkl);
                document.querySelector('.J_copy').setAttribute('data-clipboard-text', _tkl);
                return;
            };

            var _postData = {
                item_id: params.item_id,
                r: params.r,
                f: params.f
            };

            $.getJSON(queryCouponDetailUrl, _postData, function(res){
                if(res.code == 0){
                    var _tkl = res.data.coupon_detail.fl_tkl;
                    $('.J_tkl').text(_tkl);
                    document.querySelector('.J_copy').setAttribute('data-clipboard-text', _tkl);
                    $copyBtn.removeClass('focus');
                }else{
                    $copyBtn.text('未获取到优惠信息！').addClass('focus');
                }
            });
        }

        function getRecomList() {
            var detailUrl = 'detail.html#f=' + params.f + '&r=' + params.r;
            $.getJSON(recomOrHot ? getRecomListUrl : getHotListUrl, {item_id: params.item_id, r: params.r}, function(res){
                if(res.code == 0){
                    var _list = res.data.coupon_list;
                    track('page_name.h5.detail.type-' + (recomOrHot ? 'recom' : 'hot') + '.length-' + _list.length + '.pty-jqr~std-190218');
                    var listHtml = '';
                    if(_list.length){
                        _list.forEach(function(item){
                            listHtml += '<div class="recom-item">\
                                        <a href="' + (detailUrl + '&item_id=' + item.item_id + '&image=' + item.pic_url + '&word=' + item.fl_tkl) + '" class="goods-link" data-spm="page_name.h5.pty-jqr~std-190218"></a>\
                                        <div class="goods-img"><img src="' + item.pic_url + '" alt="" class="w100"></div>\
                                        <div class="goods-item">\
                                            <p class="goods-title">' + item.title + '</p>\
                                            <p class="goods-fanli">返利：' + item.amount_rebate + '元</p>\
                                            <p class="goods-price">券后价：' + item.price_after_coupon + '元</p>\
                                            <div class="coupon-sales' + (item.amount_coupon > 0 ? ' coupon-sales-show' : '') + '">\
                                                <p class="item-coupon">' + item.amount_coupon + '元券</p>\
                                            </div>\
                                        </div>\
                                    </div>';
                        })
                        $('.J_recom_list').html(listHtml);
                        $('.J_recom_title').addClass('show');
                    }
                }
            })
        }

        function track(spm, cbk){
            var _params = [
                'referrer=' + encodeURIComponent(document.referrer),
                'resolution_h=' + window.screen.height || 0,
                'resolution_v=' + window.screen.width || 0,
                'resolution_r=' + window.devicePixelRatio || 1,
                'language=' + navigator.language || navigator.userLanguage,
                'url=' + encodeURIComponent(location.href)
            ];

            _params.push('spm=' + spm);

            var img = new Image();
            img.onload = img.onerror = function () {
                $.isFunction(cbk) && cbk();
                img.onload = img.onerror = null;
            }
            img.src = "https://ubt" + Math.round(Math.random() * 9) + ".fanli.com/index.html?" + _params.join("&");
        }
    </script>

</body>

</html>